<template>
  <div class="designer-container">
    <div class="main-content">
      <Toolbar />
      <Designer :xml="xml" />
      <!-- <div class="camunda-penal" id="camunda-penal"></div> -->
    </div>
  </div>
</template>

<script lang="ts">
  import { defineComponent, onMounted } from 'vue';
  import Designer from './components/Designer';
  import Toolbar from './components/Toolbar';
  import './styles/index.scss';

  export default defineComponent({
    name: 'BpmnChart',
    components: { Designer, Toolbar },
    props: {
      xml: {
        type: String as PropType<string>,
        default: undefined,
      },
    },
    setup(_) {
      onMounted(() => {
        // console.log('%c====XML', 'color:#c84;font-size:30px;font-weight:bold', props.xml);
      });
      return {};
    },
  });
</script>
<style lang="less" scoped></style>
